<template>
	<view class="mainpadding2">
		<view class="" v-for="item in list.data" :key="item.name">
			<view class="titletext margin_top bold xiaohei">{{item.name}}</view>
			<view class="mainpadding_top ffffff radius shadow">
				<view class="pdl" :class="ind==0?'':'margin_top'" v-for="ite in item.spu_item" :key="ite.name">
					<view class="flexleft">
						<view class="listleftimg2 radius margin_right">
							<image class="listleftimg2 radius" :src="ite.image_text" mode=""></image>
						</view>
						<view>
							<view class="hei_text main_size bold">{{ite.name}}</view>
							<view class="huang_text main_size bold margin_top">
								<text class="main_size color_red margin_right1">${{ite.money}}</text>
							</view>
						</view>
					</view>
					<view class="flexright">
						<view class="xiaohei titletext bold">合計：<text class="xiaohong">{{ite.num}}</text>件，共<text
								class="xiaohong">${{ite.total_price}}</text></view>
					</view>
				</view>
			</view>
		</view>
		<view class="posibottom" style="background-color: #ed4d2d;bottom: 0;">
			<view class="mainpadding2s xiaobai textcenter main_size">
				總計：{{list.total_num}}件，共{{list.total_money}}元
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				listid:"",
				list:[]
			}
		},
		onLoad(options) {
			this.listid = options.id
			this.init()
		},
		methods: {
			init() {
				this.http.request("/api/Shopwelfarecl/welfareTjDetail", 'POST', {
					id: this.listid,
				}).then(res => {
					this.list = res.data
				})
			},
		}
	}
</script>

<style>

</style>